<template>
<div class="newsDetail">
  <h2>{{info.title}}</h2>
  <p>{{info.msg}}</p>
</div>
</template>

<script>
    export default {
       data(){
         return{
           info:[]
         }
       },
      methods:{

      },
      created(){
         this.info = this.$route.params.info;
      }
    }
</script>

<style scoped lang="scss">
.newsDetail{
  display: flex;
  flex-direction: column;
  padding:  0 20px ;
  h2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 30px 0;
  }
  p{
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    color: #ccc;
    padding-left: 15px;
    justify-content: flex-start;
    text-align: left;
    text-indent: 30px;
  }
}
</style>
